var type;
var state = 0;
$("#cus_detail").find('div').each(function () {
    $(this).click(function () {
        $('div').removeClass("active");
        $(this).addClass('active');
        type = $(this).find("p").text();
        if (type != "全部") {
            $("#timeline").find($(".display-table")).each(function () {
                $(".display-table").find($(".title")).each(function () {
                    if (type != $(this).text()) {
                        $(this).parent().parent().parent().css("display", "none");
                    } else {
                        // $(this).css("margin-left", "16px");
                        $(this).parent().parent().parent().css("display", "block");
                    }
                })
            })
        //销售机会
        if((type == "详细需求"||type == "解决方案"||type == "报价") && state ==0){
                //todo
                $("#timeline").find($(".title")).each(function () {
                    if($(this).text() == "销售机会"){
                        $(this).parent().parent().parent().parent().find($('.time')).each(function (){
                            var bili = $(this).text();
                            var title = [];
                            var content = [];
                            $(this).parent().parent().find($(".inner")).each(function () {
                                title.push($(this).text());
                            })
                            $(this).parent().parent().find($(".contentinner")).each(function () {
                                content.push($(this).text());
                            })
                            var head = '<div class="time-item ng-scope create" style="margin-top: 30px;">\n' +
                                '                                <div class="item-info">\n' +
                                '                                    <p class="time"><i class="fa fa-calendar-times-o" style="margin-right: 5px;"></i>'+bili+'</p>';
                            var body = "";

                            for(var i=0;i<title.length;i++){
                                if(title[i].trim() == type){
                                    body += '<div class="display-table " repeat-finish="">\n' +
                                        '                                        <div class="col-sm-3">\n' +
                                        '                                            <p>\n' +
                                        '                                                <i class="fa fa-star"></i>\n' +
                                        '                                                <span class="title">'+title[i]+'</span>\n' +
                                        '                                            </p>\n' +
                                        '                                        </div>\n' +
                                        '                                        <div class="col-sm-9 ingo1">\n' +
                                        '                                            <p class="ingo">\n' +
                                        '                                                        \n' +
                                        '                                                        \n' +
                                        '                                                            \n' +
                                        '                                                                <b><a href="" style="text-decoration: none;"><span class="content">'+content[i]+'</span></a></b>\n' +
                                        '                                                            \n' +
                                        '                                                        \n' +
                                        '                                                <br>\n' +
                                        '                                            </p>\n' +
                                        '                                        </div>\n' +
                                        '                                    </div>';
                                }

                            }

                            var bottom = '</div>\n' +
                                '                            </div>';
                            $('#timestrip').before(head+body+bottom);

                        })
                        //开杆


                    }
                })
            }else{
                $(".create").remove();
        }

        }else {
            $("#timeline").find($(".display-table")).each(function () {
                $(".display-table").find($(".title")).each(function () {
                    $(this).parent().parent().parent().css("display", "block");
                })
            })
        }

        $("#timeline").find($(".item-info")).each(function () {
            var i = 0;
            var length = $(this).find($(".display-table")).length;
            $(this).find($(".display-table")).each(function () {
                var display = $(this).css("display");
                if (display == 'none') {
                    i++;
                }
            })
            if (i == length) {
                $(this).find($('.time')).css("display", "none");
            } else {
                $(this).find($('.time')).css("display", "block");
            }
        });
    })
})



